<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <p>currentTime1---{{currentTime1()}}</p> <!--调用方法时，必须使用方法名加括号，不能直接用方法名调用方法-->
    <p>currentTime2---{{currentTime2}}</p>   <!--currentTime2虽然是一个方法，但在computed下视作一个属性-->
</div>

<script src="../lib/vue.js"></script>
<script>
    var vue = new Vue({
        el: "#app",
        data: {
            message: "hello,kuangsheng"
        },
        methods: {         /*一定要注意这儿是methods，而不是method*/
            currentTime1: function () {
                return Date.now();   //返回当前一个时间戳
            }
        },
        computed: {  //计算属性：methods、computed中的方法名可以重名，但是不建议这样使用
            /*下面的currrentTime2看似像一个方法，其实不是，是一个属性，加在了computed下的方法，其着重点在属性*/
            currentTime2:function () {
                this.message;      //这儿调用了message，如果message不改变，计算属性currentTime2不变
                return Date.now();   //返回一个时间戳
            }
        }
    });
</script>
</body>
</html>